<header class="select-date-container">
    <span class="year-month ripple">
        {{selectYearMonth}}
        <str-icon icon="menu-down" width="24" height="24" nofocus></str-icon>
    </span>
    <div>
        <str-icon id="previous" class="ripple" icon="chevron-left" width="20" height="20"></str-icon>
        <str-icon id="next" class="ripple" icon="chevron-right" width="20" height="20"></str-icon>
    </div>
</header>
<main class="select-main-container">
    <ul class="date-week-container">
        <li>日</li>
        <li>一</li>
        <li>二</li>
        <li>三</li>
        <li>四</li>
        <li>五</li>
        <li>六</li>
    </ul>
    <div class="month-container">
        <ul class="select-month-container current-container">
            {{{html}}}
        </ul>
        <ul class="select-month-container back-container">

        </ul>
    </div>
    <div class="year-container"></div>
</main>